<extend name="Public/base" />

<block name="style">
	<link rel="stylesheet" type="text/css" href="__STATIC__/plugins/bootstrap-fileupload/bootstrap-fileupload.css" />
</block>

<block name="body">

		<!-- 表单 -->

		<div class="row">
				<div class="col-md-12">
					<div class="tabbable tabbable-custom boxless">
                        <form id="form" action="{:U('saveConfig')}" method="post" class="form-1">
                        <script> var _file = []; _file['picture'] = [];_file['file'] = [];</script>
                        
						<div class="tab-content">
                            
								<div class="portlet box red">
									<div class="portlet-title">
										<div class="caption"><i class="fa fa-reorder"></i> 插件配置 [ {$data.title} ] </div>
										<div class="tools">
											<a href="javascript:;" class="collapse"></a>
											<a href="#portlet-config" data-toggle="modal" class="config"></a>
											<a href="javascript:;" class="reload"></a>
											<a href="javascript:;" class="remove"></a>
										</div>
									</div>
									<div class="portlet-body form">
										<!-- BEGIN FORM-->
										
											<div class="form-body">
                                                            
                                <empty name="custom_config">
                                    <foreach name="data['config']" item="form" key="o_key">
                                        <div class="form-group">
                                            <label>{$form.title|default=''}<span class="check-tips"><present name="form.tip">{$form.tip}</present></span></label>
                                                <switch name="form.type">
                                                    <case value="text">
                                                        <input type="text" name="config[{$o_key}]" class="form-control input-xlarge" value="{$form.value}">
                                                    </case>
                                                    
                                                    <case value="password">
                                                        <input type="password" name="config[{$o_key}]" class="form-control input-xlarge" value="{$form.value}">
                                                    </case>
                                                    
                                                    <case value="hidden">
                                                        <input type="hidden" name="config[{$o_key}]" value="{$form.value}">
                                                    </case>
                                                    
                                                    <case value="radio">
                                                    <div class="radio-list">
                                                        <foreach name="form.options" item="opt" key="opt_k">
                                                            <label class="radio-inline">
                                                                <input type="radio" name="config[{$o_key}]" value="{$opt_k}" <eq name="form.value" value="$opt_k"> checked</eq>>{$opt}
                                                            </label>
                                                        </foreach>
                                                    </div>
                                                    </case>
                                                    
                                                    
                                                    <case value="checkbox">
                                                    <div class="checkbox-list">
                                                        <foreach name="form.options" item="opt" key="opt_k">
                                                            <label class="checkbox">
                                                                <php>
                                                                    is_null($form["value"]) && $form["value"] = array();
                                                                </php>
                                                                <input type="checkbox" name="config[{$o_key}][]" value="{$opt_k}" <in name="opt_k" value="$form.value"> checked</in>>{$opt}
                                                            </label>
                                                        </foreach>
                                                    </div>
                                                    </case>
                                                    
                                                    <case value="select">
                                                        <select class="form-control input-medium"  name="config[{$o_key}]">
                                                            <foreach name="form.options" item="opt" key="opt_k">
                                                                <option value="{$opt_k}" <eq name="form.value" value="$opt_k"> selected</eq>>{$opt}</option>
                                                            </foreach>
                                                        </select>
                                                    </case>
                                                    
                                                    <case value="textarea">
                                                        <textarea class="form-control input-xlarge" rows="3" name="config[{$o_key}]">{$form.value}</textarea>
                                                    </case>
                                                    
                                                    <case value="picture_union">
                                                    <script> _file['picture'].push("{$o_key}")</script>
                                                    <div class="fileupload fileupload-new" data-provides="fileupload">
                                                        <div class="fileupload-new thumbnail" >
                                                            <img id="field_pic_{$o_key}" src="__ROOT__{$one|get_cover='path'}" alt="" />
                                                        </div>
                                                        <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
                                                        <div>
                                                            <input type="file" class="default"   id="{$o_key}"  />
                                                            <input type="hidden"   name="config[{$o_key}]" id="field_{$o_key}" value="{$form.value}" />
                                                            
                                                        </div>
                                                    </div>
                                                    </case>
                                                    
                                                    <case value="group">
                                                        <ul class="tab-nav nav">
                                                            <volist name="form.options" id="li">
                                                                <li data-tab="tab{$i}" <eq name="i" value="1">class="current"</eq>><a href="javascript:void(0);">{$li.title}</a></li>
                                                            </volist>
                                                        </ul>
                                                        <div class="tab-content">
                                                        <volist name="form.options" id="tab">
                                                            <div id="tab{$i}" class="tab-pane <eq name="i" value="1">in</eq> tab{$i}">
                                                                <foreach name="tab['options']" item="tab_form" key="o_tab_key">
                                                                <label class="item-label">
                                                                    {$tab_form.title|default=''}
                                                                    <present name="tab_form.tip">
                                                                        <span class="check-tips">{$tab_form.tip}</span>
                                                                    </present>
                                                                </label>
                                                                <div class="controls">
                                                                    <switch name="tab_form.type">
                                                                        <case value="text">
                                                                            <input type="text" name="config[{$o_tab_key}]" class="text input-large" value="{$tab_form.value}">
                                                                        </case>
                                                                        <case value="password">
                                                                            <input type="password" name="config[{$o_tab_key}]" class="text input-large" value="{$tab_form.value}">
                                                                        </case>
                                                                        <case value="hidden">
                                                                            <input type="hidden" name="config[{$o_tab_key}]" value="{$tab_form.value}">
                                                                        </case>
                                                                        <case value="radio">
                                                                            <foreach name="tab_form.options" item="opt" key="opt_k">
                                                                                <label class="radio">
                                                                                    <input type="radio" name="config[{$o_tab_key}]" value="{$opt_k}" <eq name="tab_form.value" value="$opt_k"> checked</eq>>{$opt}
                                                                                </label>
                                                                            </foreach>
                                                                        </case>
                                                                        <case value="checkbox">
                                                                            <foreach name="tab_form.options" item="opt" key="opt_k">
                                                                                <label class="checkbox">
                                                                                    <php> is_null($tab_form["value"]) && $tab_form["value"] = array();</php>
                                                                                    <input type="checkbox" name="config[{$o_tab_key}][]" value="{$opt_k}" <in name="opt_k" value="$tab_form.value"> checked</in>>{$opt}
                                                                                </label>
                                                                            </foreach>
                                                                        </case>
                                                                        <case value="select">
                                                                            <select name="config[{$o_tab_key}]">
                                                                                <foreach name="tab_form.options" item="opt" key="opt_k">
                                                                                    <option value="{$opt_k}" <eq name="tab_form.value" value="$opt_k"> selected</eq>>{$opt}</option>
                                                                                </foreach>
                                                                            </select>
                                                                        </case>
                                                                        <case value="textarea">
                                                                            <label class="textarea input-large">
                                                                                <textarea name="config[{$o_tab_key}]">{$tab_form.value}</textarea>
                                                                            </label>
                                                                        </case>
                                                                        <case value="picture_union">
                                                                            <div class="controls">
                                                                            <input type="file" id="upload_picture_{$o_tab_key}">
                                                                            <input type="hidden" name="config[{$o_tab_key}]" id="cover_id_{$o_tab_key}" value="{$tab_form.value}"/>
                                                                            <div class="upload-img-box">
                                                                                <notempty name="tab_form['value']">
                                                                                <php> $mulimages = explode(",", $tab_form["value"]); </php>
                                                                                <foreach name="mulimages" item="one">
                                                                                    <div class="upload-pre-item" val="{$one}">
                                                                                        <img src="{$one|get_cover='path'}"  ondblclick="removePicture{$o_tab_key}(this)"/>
                                                                                    </div>
                                                                                </foreach>
                                                                                </notempty>
                                                                            </div>
                                                                            </div>
                                                                            <script type="text/javascript">
                                                                                //上传图片
                                                                                /* 初始化上传插件 */
                                                                                $("#upload_picture_{$o_tab_key}").uploadify({
                                                                                    "height"          : 30,
                                                                                    "swf"             : "__STATIC__/uploadify/uploadify.swf",
                                                                                    "fileObjName"     : "download",
                                                                                    "buttonText"      : "上传图片",
                                                                                    "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
                                                                                    "width"           : 120,
                                                                                    'removeTimeout'   : 1,
                                                                                    'fileTypeExts'    : '*.jpg; *.png; *.gif;',
                                                                                    "onUploadSuccess" : uploadPicture{$o_tab_key},
                                                                                    'onFallback' : function() {
                                                                                        alert('未检测到兼容版本的Flash.');
                                                                                    }
                                                                                });
                                    
                                                                                function uploadPicture{$o_tab_key}(file, data){
                                                                                    var data = $.parseJSON(data);
                                                                                    var src = '';
                                                                                    if(data.status){
                                                                                        src = data.url || '__ROOT__' + data.path
                                                                                        $("#cover_id_{$o_tab_key}").parent().find('.upload-img-box').append(
                                                                                            '<div class="upload-pre-item" val="' + data.id + '"><img src="__ROOT__' + src + '" ondblclick="removePicture{$o_tab_key}(this)"/></div>'
                                                                                        );
                                                                                        setPictureIds{$o_tab_key}();
                                                                                    } else {
                                                                                        updateAlert(data.info);
                                                                                        setTimeout(function(){
                                                                                            $('#top-alert').find('button').click();
                                                                                            $(that).removeClass('disabled').prop('disabled',false);
                                                                                        },1500);
                                                                                    }
                                                                                }
                                                                                function removePicture{$o_tab_key}(o){
                                                                                    var p = $(o).parent().parent();
                                                                                    $(o).parent().remove();
                                                                                    setPictureIds{$o_tab_key}();
                                                                                }
                                                                                function setPictureIds{$o_tab_key}(){
                                                                                    var ids = [];
                                                                                    $("#cover_id_{$o_tab_key}").parent().find('.upload-img-box').find('.upload-pre-item').each(function(){
                                                                                        ids.push($(this).attr('val'));
                                                                                    });
                                                                                    if(ids.length > 0)
                                                                                        $("#cover_id_{$o_tab_key}").val(ids.join(','));
                                                                                    else
                                                                                        $("#cover_id_{$o_tab_key}").val('');
                                                                                }
                                                                            </script>
                                                                        </case>
                                                                        </switch>
                                                                    </div>
                                                                </foreach>
                                                            </div>
                                                        </volist>
                                                        </div>
                                                    </case>
                                                </switch>
                                    
                                            </div>
                                    </foreach>
                                <else />
                                    <present name="custom_config">
                                        {$custom_config}
                                    </present>
                                </empty>
                                
                                            </div>
                                                        
                                            
											<div class="form-actions fluid ">
												<div class="col-md-offset-3 col-md-9"> 
                                                    <input type="hidden" name="id" value="{:I('id')}" readonly>
                                                    <button type="submit" class="btn green submit-btn ajax-post" target-form="form-1">确 定</button>
                                                    <button class="btn green btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>                      
												</div>
											</div>
										
										<!-- END FORM--> 
									</div>
								</div>
                                
						</div>
                        
                        </form>
					</div>
				</div>
			</div>


</block>

<block name="script">
	<!-- BEGIN PAGE LEVEL PLUGINS -->
	<script type="text/javascript" src="__STATIC__/plugins/bootstrap-fileupload/bootstrap-fileupload.js"></script>
	<!-- END PAGE LEVEL PLUGINS -->
	<!-- BEGIN PAGE LEVEL SCRIPTS -->
	<script src="__STATIC__/scripts/app.js"></script>
	<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
	<!-- END PAGE LEVEL SCRIPTS -->
	<script>
	jQuery(document).ready(function() {       
		// initiate layout and plugins
		App.init();

        highlight_subnav('{:U('Addons/index')}');
		
		_file['picture'].forEach(function(i){
			$("#"+i).uploadify({
				"height"          : 34,
				"swf"             : "__STATIC__/uploadify/uploadify.swf",
				"fileObjName"     : "download",
				"buttonText"      : "上传图片",
				"uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
				"width"           : 80,
				'removeTimeout'	  : 1,
				'fileTypeExts'	  : '*.jpg; *.png; *.gif;',
				"onUploadSuccess" : function(file, data){
					var data = $.parseJSON(data);
					var src = '';
					if(data.status){
						$("#field_"+i).val(data.id);
						src = data.url || '__ROOT__' + data.path
						$("#field_pic_"+i).attr({"src":src}).parent().css({"width":'',"height":''});
					} else {
						updateAlert(data.info);
						setTimeout(function(){
							$('#top-alert').find('button').click();
							$(that).removeClass('disabled').prop('disabled',false);
						},1500);
					}
				},
				'onFallback' : function() {
					alert('未检测到兼容版本的Flash.');
				}
			});
		})
		
		_file['file'].forEach(function(i){
			$("#"+i).uploadify({
				"height"          : 34,
				"swf"             : "__STATIC__/uploadify/uploadify.swf",
				"fileObjName"     : "download",
				"buttonText"      : "上传附件",
				"uploader"        : "{:U('File/upload',array('session_id'=>session_id()))}",
				"width"           : 80,
				'removeTimeout'	  : 1,
				'fileTypeExts'	  : '*.jpg; *.png; *.gif;',
				"onUploadSuccess" : function(file, data){
					var data = $.parseJSON(data);
					var src = '';
					if(data.status){
						$("#field_"+i).val(data.id);
						src = data.url || '__ROOT__' + data.path
						$("#field_pic_"+i).attr({"src":src}).parent().css({"width":'',"height":''});
					} else {
						updateAlert(data.info);
						setTimeout(function(){
							$('#top-alert').find('button').click();
							$(that).removeClass('disabled').prop('disabled',false);
						},1500);
					}
				},
				'onFallback' : function() {
					alert('未检测到兼容版本的Flash.');
				}
			});
		})
		
	});
	</script>
</block>
